@import '../../../style/base.styl';
@import '/animate.styl';
.container
	min-height 100vh
	display flex
	align-items center
	justify-content center
	background: radial-gradient(circle at center, silver, black);
	.radar
		position relative
		width calc(512rpx + 96rpx)
		height calc(512rpx + 96rpx)
		font-size 64rpx
		background linear-gradient(
				90deg,
				transparent 49.75%,
				darkgreen 49.75%,
				darkgreen 50.25%,
				transparent 50.25%),
			linear-gradient(
				transparent 49.75%,
				darkgreen 49.75%,
				darkgreen 50.25%,
				transparent 50.25%),
			repeating-radial-gradient(
				transparent 0,
				transparent 60.8rpx,
				darkgreen 60.8rpx,
				darkgreen 64rpx),
			linear-gradient(black, black)
		border-radius 50%
		&::before
			content ''
			position absolute
			top calc(96rpx / 2)
			left calc(96rpx / 2)
			width calc(512rpx / 2)
			height calc(512rpx / 2)
			background linear-gradient(
				45deg,
				rgba(0, 0, 0, 0) 50%,
				rgba(0, 192, 0, 1) 100%
			)
			border-radius 100% 0 0 0
			animation scanning 5s linear infinite
			-webkit-animation scanning 5s linear infinite
			transform-origin 100% 100%
